<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格</title>
		<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css"/>
	</head>
	<body>
		
		<!-- 
			表格
				class="layui-table"
				常用属性
					lay-even 如果设置了该属性，则可以显示隔行换色的效果
					lay-skin 设置表格边框风格
						line （行边框风格）
						row （列边框风格）
						nob （无边框风格）
					lay-size 设置表格的尺寸
						sm （小尺寸）
						lg （大尺寸）
		 -->
		 <table class="layui-table">
		   <colgroup>
		     <col width="150">
		     <col width="200">
		     <col>
		   </colgroup>
		   <thead>
		     <tr>
		       <th>昵称</th>
		       <th>加入时间</th>
		       <th>签名</th>
		     </tr> 
		   </thead>
		   <tbody>
		     <tr>
		       <td>贤心</td>
		       <td>2016-11-29</td>
		       <td>人生就像是一场修行</td>
		     </tr>
		     <tr>
		       <td>许闲心</td>
		       <td>2016-11-28</td>
		       <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
		     </tr>
		   </tbody>
		 </table>
		
		<hr>
		<table class="layui-table" lay-even lay-skin="row" lay-size="lg">
		  <colgroup>
		    <col width="150">
		    <col width="200">
		    <col>
		  </colgroup>
		  <thead>
		    <tr>
		      <th>昵称</th>
		      <th>加入时间</th>
		      <th>签名</th>
		    </tr> 
		  </thead>
		  <tbody>
		    <tr>
		      <td>贤心</td>
		      <td>2016-11-29</td>
		      <td>人生就像是一场修行</td>
		    </tr>
		    <tr>
		      <td>许闲心</td>
		      <td>2016-11-28</td>
		      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
		    </tr>
			<tr>
			  <td>贤心</td>
			  <td>2016-11-29</td>
			  <td>人生就像是一场修行</td>
			</tr>
			<tr>
			  <td>许闲心</td>
			  <td>2016-11-28</td>
			  <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
			</tr>
		  </tbody>
		</table>
		
	</body>
</html>
